<div class="row">
  <div class="col-md-12">
    <nb-card>
      <nb-card-header><h2>User Profile</h2></nb-card-header>
      <nb-card-body>
        <div class="row">
          <div class="col-6">
            <div class="form-group row clearfix">
              <label class="col-3 control-label">Picture</label>
              <div class="col-9">
                <div class="userpic">
                  <div class="userpic-wrapper">
                    <img src="{{currentUser.picture}}">
                  </div>
                  <i class="ion-ios-close-outline"></i>
                  <a href class="change-userpic">Change Profile Picture</a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-6"></div>
        </div>
        <div class="row">

        </div>
        <h5 class="with-line">Contact Information</h5>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group row clearfix">
              <label for="inputEmail3" class="col-sm-3 control-label">Email</label>
              <div class="col-sm-9">
                <input type="email" class="form-control" id="inputEmail3" placeholder="" value="{{currentUser.email}}">
              </div>
            </div>
            <div class="form-group row clearfix">
              <label for="inputPhone" class="col-sm-3 control-label">Phone</label>
              <div class="col-sm-9">
                <input type="text" class="form-control" id="inputPhone" placeholder="" value="{{currentUser.mobile}}">
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group row clearfix">
              <label class="col-sm-3 control-label">Join Date</label>

              <div class="col-sm-9">
                <input type="text" class="form-control"  placeholder="" value="{{currentUser.createDate | date:'fullDate'}}" disabled="true">
              </div>
            </div>
          </div>
        </div>
        <button type="button" class="btn btn-primary btn-with-icon save-profile">
          <i class="ion-android-checkmark-circle"></i>Update Profile
        </button>
      </nb-card-body>
    </nb-card>
  </div>
</div>
